<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%
	String pagename = (String)request.getAttribute("pagename");
	int upjoin = Integer.parseInt((String)request.getAttribute("upjoin"));
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Fm_Join1</title>

<style type="text/css">
<!--
a:link, a:visited, a:active{border:0px; color: #0f89d2; text-decoration:none;}

body {
	margin: 0px;
	height: 100%;
	/*본문에 여백을 주지않고 본문의 높이를 100%로 합니다.(테이블의 height=100%는 적용이 않됩니다.)*/
}

#tableContainer {
	position: absolute;
	top: 25%;
	margin-top: -145px;
	width: 100%;
	text-align: center;
	/*tableContainer를 레이어로하여 상단에서 절반 내려와 테이블 높이의 절반을 다시 빼줍니다.*/
	/*이러면 세로축으로 중간에 위치합니다. 그리고 tableContainer의 너비를 100%로 하여*/
	/*text-align: center 를 사용해서 가로축 중간에 위치 하게 합니다.*/
}
-->
</style>

</head>
<body>
<div id="tableContainer">
	<table align="center" width="100%" cellpadding="0" cellspacing="0">
		<tr>
			<td>
				<img alt="" src="<%=request.getContextPath() %>/Main/image/join2_top.png">
			</td>
		</tr>
		
		<tr>
		<%if(upjoin == 1){ %>
			<td width="100%" height="100" bgcolor="#0f89d2">
				<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Wr_after.png">
				<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Re.png">
				<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Ok.png">
			</td>
		<%}else if(upjoin == 2){ %>
			<td width="100%" height="100" bgcolor="#0f89d2">
				<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Wr.png">
				<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Re_after.png">
				<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Ok.png">
			</td>
		<%}else if(upjoin == 3){ %>
			<td width="100%" height="100" bgcolor="#0f89d2">
				<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Wr.png">
				<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Re.png">
				<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Ok_after.png">
			</td>
		<%} %>
		</tr>
		<tr>
			<td>
				<%if(upjoin == 1){ %>
					<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Wr_Top.png">
				<%}else if(upjoin == 2){ %>
					<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Re_Top.png">
				<%}else if(upjoin == 3){ %>
					<img alt="" src="<%=request.getContextPath() %>/Main/image/Fm_Join_Ok_Top.png">
				<%} %>
			</td>
		</tr>
		
		<tr>
	  		<td background="3116d3">
	  			<table border="0" width="816" align="center">
	  				<tr>
	  					<td>
	  						<jsp:include page = '<%=pagename+".jsp" %>' />
	  					</td>
	  				</tr>
	  			</table>	
	  		</td>
	  	</tr>
	
		<tr>
			<td>
				<img alt="" src="<%=request.getContextPath() %>/Main/image/join2_bottom.png">
			</td>
		</tr>
		
		 
	</table>
	
	
</div>
</body>
</html>